<template>
  <div class="title">
    <el-breadcrumb class="links" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>学生中心</el-breadcrumb-item>
      <el-breadcrumb-item>{{this.routerName}}</el-breadcrumb-item>
    </el-breadcrumb>
    <el-button class="logout" type="danger">退出登录</el-button>
  </div>
</template>
<script>
import { Button, Breadcrumb, BreadcrumbItem } from "element-ui";
export default {
  components: {
    ElButton: Button,
    ElBreadcrumb: Breadcrumb,
    ElBreadcrumbItem: BreadcrumbItem
  },
  computed:{
    routerName(){
      return  this.$store.state.teacher.inCenterPath
    }
  },
  created() {
    
  }
};
</script>
<style lang="scss" scoped>
.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  .links {
    margin-left: 30px;
  }
  .logout {
    margin-right: 50px;
  }
}
</style>